.culmb {
  box-sizing: border-box;
  padding-top: 30px;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: space-between;
  background-color: rgb(144, 140, 140);
  border-radius: 50px;

  .textShow::-webkit-scrollbar {
    width: 0px;
  }

  .textShow {
    height: 68%;
    overflow-y: scroll;
  }

  .lefbox {
    width: 100%;
    display: flex;
    justify-content: start;
    margin-bottom: 90px;
    .msgBox {
      max-width: 200px;
      display: inline-block;
      border-radius: 20px;
      background-color: rgb(30, 226, 76);
      padding: 10px 30px;
      box-shadow: inset 1px rgb(224, 214, 214);
      white-space: pre-wrap;
      word-break: break-all;
      word-wrap: break-word;
    }
  }
  .rigbox {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-bottom: 90px;
    .msgBox {
      display: inline-block;
      max-width: 200px;
      border-radius: 20px;
      background-color: rgb(30, 226, 76);
      padding: 10px 30px;
      box-shadow: inset 1px rgb(224, 214, 214);
      white-space: pre-wrap;
      word-break: break-all;
      word-wrap: break-word;
    }
  }
}

.modalBtn {
  margin: 0 auto;
  margin-top: 20px;
  background-color: rgb(30, 226, 76);
}

.fix {
  flex: auto;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: start;
  background-color: white;

  textarea{
    outline: none;
    height: 100%;
    resize: none;
    border: none;
    white-space: pre-wrap;
    word-break: break-all;
    word-wrap: break-word;
  }

  .areaIpt{
    flex: 1;
    }
}

.btnBottom {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  button {
    float: right;
    width: 100px;
  }
}

.userName {
  font-size: 12px;
  color: rgb(226, 183, 183);
  display: block;
  text-align: center;
}
